<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>服装款式</title>
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
    <script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
    <script src="${ctxStatic}/js/DateTimePicker.js"></script>
    <script src="${ctxStatic}/js/layer.js"></script>
    <script src="${ctxStatic}/js/style.js"></script>
   	<script src="${ctxStatic}/dateCalendar/WdatePicker.js"></script>
    <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
    <link rel="stylesheet" href="${ctxStatic}/css/list.css">
    <script>
    $(document).ready(function() {
    	searchListForm();
    });
	
	
        
        //检索 
   /*  function searchListForm() {
    		var styleCategoryCD = $("#styleCategoryCD").val();	
    		var itemCd = $("#itemCd").val();	
			$.post("${ctx}/produce/procedure/searchList?styleCategoryCD="+styleCategoryCD  + "&itemCd="+itemCd , "", function(result) {
				var listHtml = result["produceparameter"];
				var pageHtml = result["page"];
				$("#listHtml").html(listHtml);
				$("#paging").html(pageHtml);
			}, 'json');
		}  */
        
 // 检索方法
	function searchListForm() {
		var params = $("#searchForm").serialize();		
		$("#activity_pane").showLoading();
		$.post("${ctx}/produce/procedure/searchList",params,function(result) {
					var listHtml = result["produceparameter"];
					var pageHtml = result["page"];
					$("#listHtml").html(listHtml);
					$("#paging").html(pageHtml);
					$("#activity_pane").hideLoading();
				}, 'json');
	}
        
	//重置
	function clean() {
		$("input").val("");
		$("select").val("");
		searchListForm();
	}   
	
	 // 下拉选框带搜索功能
    $(document).ready(function() {
    	$("#styleCategoryCD").select2(); 
    	    	
    	searchListForm();
    });
    </script>
    <style type="text/css">
    /* 采购合同号  */
    .table-cghth{width: 100px}
    /* 供货商(乙方) */
    .table-cgghs{width: 120px}
    /* 种类  */
    .table-cgzl{width: 80px}
    /* 订料数量  */
    .table-cgdlsl{width: 100px}
    /* 订料金额  */
    .table-cgdlje{width: 100px}
    /* 签订日期  */
    .table-cgqdrq{width: 100px}
    /* 结算日期  */
    .table-cgjsrq{width: 100px}
    /* 预订到料日期  */
    .table-cgyddl{width: 100px}
    /* 实际到料日期  */
    .table-cgsjdl{width: 100px}
    /* 创建人员  */
    .table-cgcjr{width: 80px}
    /* 创建时间  */
    .table-cgcjrq{width: 100px}
    
    </style>
</head>
<body>
<div class="listArea" id="activity_pane">
<form id="searchForm">
	<div class="listBg">
        <div class="searchArea clearfix">
            <div class="searchLeft clearfix">
                <div class="searchInp clearfix">
                 <!-- 款式类别 -->
                    <p><spring:message code="puttingContract_edit_styleCategory"/></p>
                    <c:set value="<%=ResourcesUtil.getConfig(\"style_category\")%>" var="styleCategory" />
                   <select style="width: 120px" id="styleCategoryCD" name="styleCategoryCD">
                            <option value=""><spring:message code="contract_edit_please"/></option>
	                       <c:forEach items="${fns:getDictList(styleCategory)}"   var="styleCategoryInfo">
	                            <option value="${styleCategoryInfo.itemCode}-${styleCategoryInfo.itemValue}" > 
	                                ${styleCategoryInfo.itemName}
	                            </option>
	                       </c:forEach>
	               </select>               
                </div>
                <div class="searchInp clearfix">
                <!-- 工序号  -->
                    <p><spring:message code="operation_number" /></p>
                    <input class="w-customer"  id="itemCd"  name="itemCd" style="width: 120px">
                </div>
                         
            </div>
            <div class="searchRight clearfix">
                <button type="button" onclick="searchListForm();"><spring:message code="commom_check" /></button>
                <button type="button" onclick="clean();"><spring:message code="common_reset" /></button>
                <button type="button" onclick="popup('1000px','650px','${ctx}/produce/procedure/form')"><spring:message code="purchase_contract_create" /></button>
            </div>
        </div>
   
        <input type="hidden" id="ulSelected" name="ulSelected" value="">
    
        <div class="tableArea">
				<div class="tableScrollSm" style="overflow: auto;width: 1293px;height: 714px; ">
                <table cellpadding="0" class="tableHead">
                    <thead>
                    <tr>
                        <th><p class="table-No"><spring:message code="common_no" /></p></th>
                        <th><p class="table-cgghs"><spring:message code="fitproperty_styleCategory" /></p></th>
                        <th><p class="table-cgdlsl"><spring:message code="operation_number" /></p></th>
                        <th><p class="table-cgdlsl"><spring:message code="process_name" /></p></th>
                        <th><p class="table-cgdlje"><spring:message code="process_working_hours" /></p></th>
                        <th><p class="table-cgqdrq"><spring:message code="working_procedure_cost" /></p></th>
                        <th><p class="table-cgjsrq"><spring:message code="common_status" /></p></th>
                        <th><p class="table-cgyddl"><spring:message code="dict_remarks" /></p></th>
                        <th><p class="table-cgghs"><spring:message code="cteate_people" /></p></th>
                        <th><p class="table-cgcjrq"><spring:message code="personnel_create_date" /></p></th>
                    </tr>
                    </thead>
                </table>
                <table cellpadding="0" class="tableBody">
                    <tbody id="listHtml">
                    <tr>
                        
                    </tr>
                    </tbody>
                </table>
            </div>
            
        </div>
    </div>
    <div id = "paging" ></div>
    </form>
</div>
</body>
</html>
